<template>
	<div class="items-center" :class="inline ? 'inline-flex' : 'flex'">
		<betting-combo :data="sportIds" inline />
		<betting-odds-combo class="ml-1" :data="oddsList" />
	</div>
</template>

<script lang="ts" setup>
import { BettingCombo, BettingOddsCombo } from '@/components/betting'
import { SportsType } from '@/enums'

defineProps({
	sportIds: {
		type: Array<SportsType>,
		required: true
	},
	oddsList: {
		type: Array<number>,
		default: () => []
	},
	inline: {
		type: Boolean,
		default: false
	}
})
</script>
